<template>
  <m-page>
    <m-header>
      <!-- 头部 -->
      <div class="g-header">
        <ynet-cell-item class="g-item" title="长湘贷信用卡（尾号1234）">
          <template slot="left">
            <div class="g-img"></div>
          </template>
          <ynet-switch slot="right" v-model="open" />
        </ynet-cell-item>
      </div>
      <!-- 表单列表 -->
      <div class="g-list">
        <ynet-cell-item title="还款币种" addon="人民币"></ynet-cell-item>
        <ynet-cell-item
          title="付款账户"
          addon="长沙银行储蓄卡（尾号1234）"
        ></ynet-cell-item>
        <ynet-cell-item
          title="还款金额设置"
          addon="按账单扣款（全额还款）"
        ></ynet-cell-item>
      </div>
      <!-- 按钮 -->
      <div class="g-button">
        <ynet-button type="warning">修改还款设置</ynet-button>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import { CellItem, Switch, Icon, Tag, Button } from "ynet-mobile";
export default {
  components: {
    [CellItem.name]: CellItem,
    [Switch.name]: Switch,
    [Icon.name]: Icon,
    [Tag.name]: Tag,
    [Button.name]: Button
  },
  data() {
    return {
      open: true
    };
  },
  methods: {},
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
